@charset "utf-8";
/* 
 * Project Name:川恒股份
 * Author:浅浅
 * Date：2017-3-10
 */
@font-face {
 font-family: 'Conv_PFDinTextCondPro-Regular';
 src: url('PFDinTextCondPro-Regular.eot');
 src: local('☺'), url('PFDinTextCondPro-Regular.woff') format('woff'), url('PFDinTextCondPro-Regular.ttf') format('truetype'), url('PFDinTextCondPro-Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'pf_din_text_comp_proregular';
 src: url('pfdintextcomppro-regular_1-webfont.eot');
 src: url('pfdintextcomppro-regular_1-webfont.eot?#iefix') format('embedded-opentype'),  url('pfdintextcomppro-regular_1-webfont.woff2') format('woff2'),  url('pfdintextcomppro-regular_1-webfont.woff') format('woff'),  url('pfdintextcomppro-regular_1-webfont.ttf') format('truetype'),  url('pfdintextcomppro-regular_1-webfont.svg#pf_din_text_comp_proregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 100%;
	outline: none;
}
table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0px;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
}
/* always display scrollbars */
body {
	font: 14px/1.8 "Microsoft Yahei", "微软雅黑", Arial, Helvetica, sans-serif, "SimHei", "黑体", "微软正黑体", "Microsoft JhengHei";
	margin: 0 auto;
	color: #383838;
	background-color: #fff;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
strong {
	font-weight: bold;
}
img {
	border: 0;
}
input {
	outline: none;
}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
	border-radius: 0;
}
textarea {
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
}
::-moz-selection {
background: #6e6e6e;
color: #fff;
text-shadow: none;
}
::selection {
background: #6e6e6e;
color: #fff;
text-shadow: none;
}
select {
	outline: none;
}
select::-ms-expand {
display: none;
}
a {
	text-decoration: none;
blr: expression(this.onFocus=this.blur());
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a:link, a:visited {
	text-decoration: none;
}
a:active, a:hover {
	text-decoration: none;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}
.fc {
	text-align: center;
}
.fr {
	text-align: right;
}
.l {
	float: left;
	display: inline-block;
}
.r {
	float: right;
	display: inline-block;
}
.vt {
	vertical-align: top;
}
.vm {
	vertical-align: middle;
}
.inner {
	width: 1200px;
	margin: 0px auto;
}
.top a:link, .top a:visited {
	color: #333333;
}
.top a:active, .top a:hover {
	color: #fff;
}
header {
	width: 100%;
	background-color: #fff;
	height:54px;
}
.topbar-inner {
	padding:10px 3%;
	line-height: 32px;
	display: none;
}
.topbar-inner a:link, .topbar-inner a:visited {
	color: #b8b8b8;
}
.topbar-inner a:active, .topbar-inner a:hover {
	color: #0062ad;
}
.serach-box {
	float: left;
	display: block;
	background-color: #ededed;
	position: relative;
	overflow: hidden;
	padding: 5px 40px 5px 10px;
	height: 22px;
	width: 180px;
}
.serach-box .stxt {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 22px;
	line-height: 22px;
	font-family: "Microsoft Yahei", "微软雅黑", Arial, Helvetica, sans-serif, "SimHei", "黑体", "微软正黑体", "Microsoft JhengHei";
	font-size: 14px;
	border: 0px none;
	background-color: #ededed;
}
.serach-box .sbtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	background: url(../add_ico.png) no-repeat scroll center center;
}
.serach-box .sbtn:hover {
	background-color: #dddbdb;
}
.topbar-inner .languageA {
	margin-left: 25px;
}
.top {
	position: fixed;
	background: url(../top.jpg) repeat-y scroll left top #009D42;
	height: 54px;
	width: 100%;
	z-index: 1000;
}
.fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}
.logo {
	position: absolute;
	right: 0;
	top:17px;
	transition: 370ms;
	-webkit-transition: 370ms;
}
.logo a {
	display: block;
	background-color: #fff;
	padding: 18px 15px 18px 5px;
	height: 40px;
}
.logo .sj {
	background: url(../logo_sj.png) no-repeat scroll left center;
	width: 28px;
	position: absolute;
	left: -28px;
	top: 0;
	height: 100%;
}
.logo img {
	height: 100%;
	display: block;
}
.nav {
	margin-left: 3%;
}
.nav a:link, .nav a:visited {
	color: #fff;
}
.nav a:active, .nav a:hover, .nav .this a {
	color:#0062ad !important;
}
.nav li {
	float: left;
	display: block;
	height: 54px;
	line-height: 54px;
	font-size: 16px;
	font-weight:bold;
}
.nav a {
	position: relative;
	padding-bottom: 5px;
	padding:8px 20px;
}
.nav a:before {
	content:"";
	width:100%;
	z-index:-1;
	height:100%;
	background-color:#fff;
	position:absolute;
	border-radius:60px;
	left:0;
	top:0;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.nav .this a:before ,
.nav a:hover:before {
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform-origin:0;
	-webkit-transform-origin:0;
	visibility:visible\9;
}
.trans, .trans:hover {
	-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.trans-fast, .trans-fast:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}
.menu-handler {
	display: none;
	width: 54px;
	height: 54px;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;
	transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
	-moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
}
.menu-handler .burger {
	width: 30px;
	height: 3px;
	background: #009D42;
	display: block;
	position: absolute;
	z-index: 5;
	top: 15px;
	left: 50%;
	margin: 0px 0px 0px -15px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
}
.menu-handler .burger-2 {
	top: 25px;
}
.menu-handler .burger-3 {
	top: 35px;
}
.menu-handler.active .burger-1 {
	top: 25px;
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}
.menu-handler.active .burger-2 {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	left: 100%;
}
.menu-handler.active .burger-3 {
	top: 25px;
	-moz-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
.serach-Mbtn {
	width: 54px;
	height: 54px;
	position: absolute;
	right:54px;
	top: 0px;
	cursor: pointer;
	display: none;
	border-right: 1px solid #0062ad;
	border-left: 1px solid #0062ad;
}
.serach-Mbtn i {
	width: 24px;
	height: 24px;
	background: url(../serach_btn2.png) no-repeat scroll center center;
	background-size: cover;
	display: block;
	margin: 15px auto;
}
.serachIBox {
	position: fixed;
	left: 0px;
	top: 54px;
	height: 0px;
	overflow: hidden;
	padding: 12px 76px 12px 3%;
	background-color: #9c9c9c;
	z-index: 800;
	width: 100%;
	box-sizing: border-box;
	-webkit-transform: perspective(600px) rotateX(-90deg);
	-moz-transform: perspective(600px) rotateX(-90deg);
	-ms-transform: perspective(600px) rotateX(-90deg);
	transform: perspective(600px) rotateX(-90deg);
	-webkit-transform-origin: center top 0;
	-moz-transform-origin: center top 0;
	-ms-transform-origin: center top 0;
	transform-origin: center top 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
-webkit-transition: all .3s ease .2s;
-moz-transition: all .3s ease .2s;
-ms-transition: all .3s ease .2s;
transition: all .3s ease .2s;
	visibility: hidden;
}
.serachIBox.active {
	visibility: visible;
	-webkit-transform: perspective(600px) rotateX(0deg);
	-moz-transform: perspective(600px) rotateX(0deg);
	-ms-transform: perspective(600px) rotateX(0deg);
	transform: perspective(600px) rotateX(0deg);
	height: 48px;
}
.serachIBox .txt {
	border: 0px none;
	height: 24px;
	line-height: 24px;
	padding: 0px;
	margin: 0px;
	width: 95%;
	background-color: transparent;
	font-size: 14px;
	color: #fff;
	font-family: "microsoft yahei";
}
.serachIBox .btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 76px;
	height: 100%;
	background-color: #0062ad;
}
.serachIBox .btn i {
	width: 20px;
	height: 20px;
	background: url(../serach_btn3.png) no-repeat scroll center center;
	background-size: cover;
	display: block;
	margin: 16px auto;
}
.pusher {
	transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.serachbg, .pusher-black {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 900;
}
.menuBox {
	background-color: #009D42;
	color: #fff;
	position: fixed;
	right: 0px;
	top: 0px;
	width: 390px;
	height: 100%;
	z-index: -1;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transform: translate(100%, 0px);
	-moz-transform: translate(100%, 0px);
	-webkit-transform: translate(100%, 0px);
	-o-transform: translate(100%, 0px);
}
.no-csstransforms3d .menuBox {
	display: none;
}
.languageBox a:link, .languageBox a:visited {
	color: #fff;
}
.languageBox a:active, .languageBox a:hover, .languageBox2 a.act {
	color: #fff;
	text-decoration: underline;
}
.languageBox {
	text-align: right;
	font-size: 14px;
	padding: 18px 20px 25px;
}
.languageBox a {
	margin-left: 15px;
}
.navMobile li {
	padding-bottom: 5px;
}
.nav-link {
	color: #fff;
	display: block;
	font-size: 18px;
	padding: 5px 25px;
}
.navMobile .subnav {
	background-color: #f5f5f5;
	display: none;
	padding: 10px 25px;
}
.navMobile .subnav dd {
	padding: 2px 0px;
	margin-bottom: 5px;
}
.navMobile .subnav a {
	color: #666666;
	position: relative;
	font-size: 14px;
}
.navMobile .subnav a:hover {
	color: #006f93;
}
.menuOpen .pusher {
	transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
	-webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}
.menuOpen .pusher-black {
	display: block;
}
.menuOpen .menuBox {
	z-index: 999;
}
footer {
	background: url(../foot_bg.jpg) repeat-y scroll left top #48913E;
	color: #fff;
}
footer a:link, footer a:visited {
	color: #fff;
}
footer a:active, footer a:hover {
	color: #fff;
}
.smlink {
	margin-left: 10px;
}
.footDL {
	padding: 42px 0px;
	position: relative;
	line-height: 1.5;
}
.footDL .item1 {
	display: block;
	width: 66%;
}
.footNav li {
	float: left;
	display: block;
	width: 20%;
}
.footNav .t {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 18px;
}
.footNav .c a {
	display: block;
	margin-bottom: 8px;
}
.footDL .c a:hover {
	margin-left: 8px;
}
.footDL .item2 {
	position: absolute;
	right: 0;
	top: 36px;
	text-align: center;
	max-width: 30%;
}
.footDL .name {
	font-weight: bold;
	font-size: 24px;
}
.footDL .ermImg {
	margin: 8px auto;
	width: 81px;
}
.footDL .ermImg img {
	width: 100%;
	display: block;
}
.footDL .ermC {
	margin-bottom: 10px;
}
.footDL .foot-tel {
	font-size: 20px;
}
.foot-tel {
	float: right;
	display: block;
	background: url(../tel_ico.png) no-repeat scroll left center;
	padding-left: 32px;
	font-size: 18px;
}
.footC {
	padding: 10px 0px;
	text-align: center;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	border-top: 1px solid #fff;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.footC a {
	position: relative;
}
.footC a:before {
	content:"";
	width:100%;
	height:1px;
	background-color:#fff;
	position:absolute;
	left:0;
	bottom:-2px;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.footC a:hover:before {
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform-origin:0;
	-webkit-transform-origin:0;
	visibility:visible\9;
}
/*video*/
.vwrap {
	display: none;
	z-index: 1040;
	width: 100%;
	position: fixed;
}
.vwrap .videobtg {
	z-index: 900;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	overflow: hidden;
}
.vwrap .videobox {
	z-index: 990;
	width: 800px;
	height: 500px;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -250px;
	margin-left: -400px;
}
.vwrap .videobox #videobox {
	width: 100%;
	display: inline-block;
	height: 100%;
	background: #80abde;
}
#videobox_wrapper {
	height: 100%!important;
}
.vwrap .close {
	z-index: 999;
	width: 32px;
	height: 32px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: -42px;
}
.vwrap .close i {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../closebtn.png) no-repeat 50% 50%;
	-webkit-transition: 400ms;
	transition: 400ms;
}
.vwrap .close:hover i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
#videobox_display_button, #videocontainer_display_button {
	background: none no-repeat!important;
}
.jwplayer .jwicon {
	opacity: 0.8;
	filter: alpha(opacity=80);
	cursor: pointer;
	background: url(../vico1.png) no-repeat!important;
	width: 57px!important;
	height: 57px!important;
	transform: rotate(0deg) !important;
}
.jwplayer .jwicon:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.jwlogo, .jwclick {
	display: none!important;
}
.jwdisplayIcon {
	background:  none no-repeat!important;
}
/*video style end*/
.pageNav a:link, .pageNav a:visited {
	color: #676767;
}
.pageNav a:active, .pageNav a:hover {
	color: #0062ad;
}
.pageNav {
	height: 50px;
	border-bottom: 1px solid #ededed;
	text-align: center;
}
.pageNav li {
	display: inline-block;
*display: inline;
*zoom: 1;
	margin: 0px 8px;
}
.pageNav a {
	display: block;
	padding: 0px 8px;
	line-height: 50px;
	position: relative;
}
.pageNav a:before {
	content:"";
	width:100%;
	height:5px;
	background-color:#0062ad;
	position:absolute;
	left:0;
	bottom:-3px;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.pageNav a.active:before {
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform-origin:0;
	-webkit-transform-origin:0;
	visibility:visible\9;
}
.pageNav a.active {
	color: #0062ad;
}
.pagePadding {
	padding: 60px 0px;
}
.pageC {
	color: #676767;
}
.pageC img {
	max-width: 100%;
}
.pageC a:link, .pageC a:visited {
	color: #666;
}
.pageC a:active, .pageC a:hover {
	color: #0062ad;
}
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-loading .slick-list {
	background: #00865e url(../loader.gif) center center no-repeat;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}
.slick-slide img {
	display: block;
	width:100%;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
/* Arrows */
.slick-prev, .slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	padding: 0;
	border: none;
	outline: none;
}
/* Dots */
.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	width: 100%;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0px 5px;
	padding: 0px;
	cursor: pointer;
}
.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer;
	outline: none;
}
.slick-dots li button:focus {
	outline: none;
}
 @-webkit-keyframes scaleUpDown {
 from {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
 @keyframes scaleUpDown {
 from {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
/*base style end*/
/*index style*/
.transYT {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.transYT2 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.transXT {
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.transXT2 {
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.transYT50 {
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transYT10 {
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
transition: transform 400ms, opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 400ms, opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transYT250 {
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	opacity: 0;
	visibility: hidden;
transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transXT50 {
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	opacity: 0;
	visibility: hidden;
transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transXT280 {
	transform: translateX(-80px);
	-webkit-transform: translateX(-80px);
	opacity: 0;
	visibility: hidden;
transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.action.transYT50, .action.transYT10 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transYT250 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transXT50 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transXT280 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transYT {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transYT2 {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transXT {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transXT2 {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.tlbg:after, .trbg:after, .ttbg:after, .tbbg:after {
	background-color: #eee;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
left:0px: transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
-webkit-transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	z-index: 1;
}
.tlbg:after {
	transform-origin:left top 0;
	-webkit-transform-origin:left top 0;
}
.trbg:after {
	transform-origin:right top 0;
	-webkit-transform-origin:right top 0;
}
.ttbg:after {
	transform-origin:left top 0;
	-webkit-transform-origin:left top 0;
}
.tbbg:after {
	transform-origin:left bottom 0;
	-webkit-transform-origin:left bottom 0;
}
.action.tlbg:after, .action.trbg:after {
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
}
.action.ttbg:after, .action.tbbg:after {
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
}
.no-csstransforms .action.tlbg:after, .no-csstransforms .action.trbg:after, .no-csstransforms .action.ttbg:after, .no-csstransforms .action.tbbg:after {
	z-index: -1;
	background-color: transparent;
}
.dly_1 {
	transition-delay: 100ms;
	-webkit-transition-delay: 100ms;
}
.dly_2 {
	transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
}
.dly_3 {
	transition-delay: 300ms;
	-webkit-transition-delay: 300ms;
}
.dly_4 {
	transition-delay: 400ms;
	-webkit-transition-delay: 400ms;
}
.dly_5 {
	transition-delay: 500ms;
	-webkit-transition-delay: 500ms;
}
.dly_6 {
	transition-delay: 600ms;
	-webkit-transition-delay: 600ms;
}
.dly_7 {
	transition-delay: 700ms;
	-webkit-transition-delay: 700ms;
}
.dly_8 {
	transition-delay: 800ms;
	-webkit-transition-delay: 800ms;
}
.dly_9 {
	transition-delay: 900ms;
	-webkit-transition-delay: 900ms;
}
.dly_10 {
	transition-delay: 1000ms;
	-webkit-transition-delay: 1000ms;
}
.dly_11 {
	transition-delay: 1100ms;
	-webkit-transition-delay: 1100ms;
}
.align-vertical {
	height: 100%;
	width: 100%;
	position: relative;
	display: table;
}
.vertical-inner {
	display: table-cell;
	vertical-align: middle;
}
.bannerBox {
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: #f7f7f7;
	overflow: hidden;
}
.bannerBox a:link, .bannerBox a:visited {
	color: #fff;
}
.bannerBox a:active, .bannerBox a:hover {
	color: #fff;
}
.banner .item {
	opacity:1 !important;
}
.banner .imgbox {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0%;
	bottom: 0;
	overflow: hidden;
}
.banner .pimg {
	width: 100%;
	display: block;
	position: relative;
	left: 0;
	top: 0;
}
@-webkit-keyframes slideIn {
0% {
-webkit-transform:translateX(100%);
opacity:1;
}
100% {
-webkit-transform:translateX(0);
opacity:1;
}
}
@keyframes slideIn {
0% {
transform:translateX(100%);
opacity:1;
}
100% {
transform:translateX(0);
opacity:1;
}
}
@-webkit-keyframes imgIn {
0% {
-webkit-transform:-webkit-translateX(-90%);
opacity:1;
}
100% {
-webkit-transform:-webkit-translateX(0);
opacity:1;
}
}
@keyframes imgIn {
0% {
transform:translateX(-90%);
opacity:1;
}
100% {
transform:translateX(0);
opacity:1;
}
}
.banner .pimg1 {
	display: block;
}
.banner .pimg2 {
	display: none;
}
.binbox {
	position: absolute;
	color: #fff;
	right: 5%;
	width: 500px;
	top: 20%;
	padding:20px 24px 18px;
	background: url(../banner_bg.png) repeat-y scroll right top;
	transform: translateX(88px);
	-webkit-transform: translateX(88px);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	opacity: 0;
	visibility: hidden;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.binbox .zh-t, .binbox .zh-by, .binbox .bot, .binbox .en-t, .binbox .en-by {
	opacity: 0;
	visibility: visible;
	transform: translateX(80px);
	-webkit-transform: translateX(80px);
}
.binbox .zh-t {
	font-size: 30px;
	line-height: 1.2;
}
.binbox .zh-by {
	font-size: 46px;
	line-height: 1.2;
}
.binbox .bot {
	margin: 20px 0px 15px;
	width: 70px;
	height: 3px;
	background-color: #fff;
	display: block;
}
.binbox .en-t {
	font-size: 18px;
	line-height: 1.2;
	font-family: arial, helvetica, sans-serif;
	padding-bottom: 5px;
}
.binbox .en-by {
	font-size: 14px;
	line-height: 1.2;
}
.banner .slick-active {
	z-index:800 !important;
}
.banner .slick-active .imgbox {
	-webkit-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);
	animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);
	-moz-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);
}
.banner .slick-active .pimg {
	-webkit-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);
	animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);
	-moz-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);
}
.banner .slick-active .binbox {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
	visibility: visible;
transition: .68s .28s;
-webkit-transition: .68s .28s;
}
.banner .slick-active .zh-t {
-webkit-transition: all .68s 0.5s;
transition: all .68s 0.5s;
}
.banner .slick-active .zh-by {
-webkit-transition: all .68s 0.55s;
transition: all .68s 0.55s;
}
.banner .slick-active .bot {
-webkit-transition: all .68s 0.6s;
transition: all .68s 0.6s;
}
.banner .slick-active .en-t {
-webkit-transition: all .68s 0.7s;
transition: all .68s 0.7s;
}
.banner .slick-active .en-by {
-webkit-transition: all .68s 0.75s;
transition: all .68s 0.75s;
}
.banner .slick-active .zh-t, .banner .slick-active .zh-by, .banner .slick-active .bot, .banner .slick-active .en-t, .banner .slick-active .en-by {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
}
.banner .slick-dots {
	position: absolute;
	bottom: 5%;
	z-index: 800;
	width: 90%;
	left: 5%;
	text-align: right;
}
.banner .slick-dots li {
	margin: 0px 0px 0px 5px;
	position: relative;
	width: 17px;
	height: 17px;
	display: inline-block;
}
.banner .slick-dots a {
	width: 100%;
	height: 17px;
	overflow: hidden;
	display: block;
	background:url(../banner_i2.png) no-repeat scroll center center;
	text-indent: -2em;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-size: 0px;
	transition:300ms;
	-webkit-transition:300ms;
}
.banner .slick-dots li.slick-active a {
	background-image: url(../banner_i1.png);
}
.oneBoxList dd {
	height: 300px;
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}
.aboutIbox {
	background-color: #009D42;
	color: #fff;
}
.aboutIbox a:link, .aboutIbox a:visited {
	color: #fff;
}
.aboutIbox a:active, .aboutIbox a:hover {
	color: #fff;
}
.aboutIbox .aboutInfo {
	padding:20px;
}
.aboutIbox .t {
	padding:3% 0px 0px 5%;
	line-height: 1.2;
}
.aboutIbox .name {
	font-size: 30px;
	font-family: arial, helvetica, sans-serif;
}
.aboutIbox .en {
	font-size: 40px;
	font-weight: bold;
	font-family:  arial, helvetica, sans-serif;
	text-transform: uppercase;
}
.aboutIbox .zh {
	font-size: 16px;
}
.aboutI-ul {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #66FF99;
}
.aboutI-ul li {
	float: left;
	width: 25%;
}
/*.aboutI-ul li.lastMore{ width: 24%;}*/
.aboutI-ul article {
	border-left: 1px solid #66FF99;
	padding:15px 0px 0px 24%;
	height: 120px;
	line-height: 1.5;
	font-size: 14px;
}
.aboutI-ul .num {
	font-size: 42px;
	font-family: "Conv_PFDinTextCondPro-Regular", arial, helvetica, sans-serif;
}
.aboutI-ul .bot {
	background-color: #fff;
	width: 18px;
	height: 2px;
	overflow: hidden;
	display: block;
	margin-bottom: 15px;
}
.aboutI-ul .c {
	font-size: 14px;
}
.aboutI-ul .more {
	display: block;
	border-left: 1px solid #66FF99;
	width: 100%;
	height: 135px;
	background: url(../more.png) no-repeat scroll center center;
}
.aboutI-ul .more:hover {
	background-position: 55% center;
}
.videobox {
	cursor: pointer;
}
.videoIbox .vimg {
	width: 100%;
	height: 300px;
}
.videoIbox .vimg .img {
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
transition: transform .8s ease-out 0s;
-webkit-transition: -webkit-transform .8s ease-out 0s;
}
.vimg p{ padding-top:20px; padding-left:20px; padding-right:40px!important;} 
.black-20 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: url(../black_20.png) repeat;
	background: none rgba(0, 0, 0, 0.2);*/
}
.videoIbox .vico {
	background: url(../vico2.png) no-repeat;
	width: 57px;
	height: 57px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -28px 0px 0px -28px;
}
.videoIbox .vico i {
	background: url(../vico.png) no-repeat scroll center center;
	width: 100%;
	height: 100%;
	display: block;
	animation: 3s linear 0s normal none infinite running vrotate;
	-webkit-animation: 3s linear 0s normal none infinite running Turnico;
}
@keyframes Turnico {
 0% {
transform: rotate(0deg);
}
 25% {
transform: rotate(90deg);
}
 50% {
transform: rotate(180deg);
}
 75% {
transform: rotate(270deg);
}
 100% {
transform: rotate(360deg);
}
}
@keyframes Turnico {
 0% {
transform: rotate(0deg);
}
 25% {
transform: rotate(90deg);
}
 50% {
transform: rotate(180deg);
}
 75% {
transform: rotate(270deg);
}
 100% {
transform: rotate(360deg);
}
}
.videoIbox:hover .vimg .black-20 {
	background:url(../black_35.png) repeat;
	background: none rgba(0, 0, 0, 0.35);
}
.videoIbox:hover .vimg .img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#videobox {
	position: absolute !important;
	left: 0;
	top: 0;
	height: 100% !important;
}
.newIbox {
	padding: 60px 45px;
}
.newIdemo a:link, .newIdemo a:visited {
	color: #0062ad;
}
.newIdemo a:active, .newIdemo a:hover {
	color: #0062ad;
}
.newIdemo .item {
	float: left;
	margin: 0px 40px;
	position: relative;
	overflow: hidden;
}
.newIdemo .time {
	color: #0062ad;
}
.newIdemo .tu {
	width:100%;
	margin-bottom:20px
}
.newIdemo .t {
	font-size: 18px;
	line-height: 1.5;
	margin: 12px 0px 18px;
	height: 27px;
	overflow: hidden;
}
.newIdemo .c {
	color: #9a9a9a;
	height: 76px;
	overflow: hidden;
	margin-bottom: 20px;
}
.newIdemo .item:hover .t, .newIdemo .item:hover .btn-viewMore2 .txt {
	color: #0062ad;
}
.btn-viewMore2 {
	position: relative;
	display: inline-block;
}
.btn-viewMore2 .i {
	position: absolute;
	left: 110%;
	background: url(../jt_2.png) no-repeat scroll right center;
	width: 18px;
	height: 100%;
	transition:400ms;
	-webkit-transition:400ms;
}
.btn-viewMore2:hover .i {
	background-image: url(../jt_3.png);
	width: 41px;
}
.newIdemo .item:hover .btn-viewMore2 .i {
	background-image: url(../jt_3.png);
	width: 41px;
}
.newIdemo .slick-arrow {
	background-color: #c7c7c7;
	width: 26px;
	height: 26px;
	z-index: 10;
	top: 50%;
	margin-top: -13px;
}
.newIdemo .slick-arrow i {
	width: 100%;
	height: 100%;
	display: block;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.newIdemo .slick-prev {
	left: -26px;
}
.newIdemo .slick-next {
	right: -26px;
}
.newIdemo .slick-prev i {
	background: url(../img_l1.png) no-repeat scroll center center;
}
.newIdemo .slick-next i {
	background: url(../img_r1.png) no-repeat scroll center center;
}
.newIdemo .slick-prev:hover, .newIdemo .slick-next:hover {
	background-color: #009e42;
}
.newIdemo .slick-prev:hover i {
	transform: translateX(-5px);
	-webkit-transform: translateX(-5px);
}
.newIdemo .slick-next:hover i {
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
}
.ilinkA {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.productIbox dd {
	float: left;
	display: block;
	width: 25%;
	background-color: #ededed;
	position: relative;
}
.productIbox .img {
	position: relative;
	overflow: hidden;
	margin:0px 0px 81%;
	overflow: hidden;
	background:#fff;
}
.productIbox .img img {
	width: 100%;
	display: block;
	transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
	-webkit-transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}
.productIbox .twoItem .img {
	margin: 81% 0px 0px;
}
.productIbox .black-20 {
	opacity: 0;
	visibility: hidden;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.productIbox .con {
	position: absolute;
	left: 8%;
	top: 50%;
	width: 84%;
	height: 50%;
	text-align: center;
}
.productIbox .twoItem .con {
	top: 0;
}
.productIbox .arrow {
	background: url(../sj.png) no-repeat scroll center center;
	width: 19px;
	height: 12px;
	position: absolute;
	left: 50%;
	top: -12px;
	margin-left: -9px;
}
.productIbox .twoItem .arrow {
	background-image: url(../sj2.png);
	top: auto;
	bottom: -12px;
}
.productIbox .info {
	padding-top: 15%;
	transform: translateY(32px);
	-webkit-transform: translateY(32px);
transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.productIbox .info .t {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 12px;
	color: #212121;
}
.productIbox .info .c {
	color: #676767;
	max-height: 76px;
	overflow: hidden;
	margin-bottom: 20px;
}
.productIbox .btn-viewMore {
	opacity: 0;
	visibility: hidden;
transition:  opacity .38s cubic-bezier(.4, 0, .2, 1), visibility .3s;
-webkit-transition:opacity .38s cubic-bezier(.4, 0, .2, 1), visibility .3s;
}
.btn-viewMore {
	text-align: left;
	position: relative;
	width: 104px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	overflow: hidden;
	display: block;
	margin: 0px auto;
	padding: 0px 16px;
	z-index: 1;
	background-color:#009e42;
}
.btn-viewMore .i {
	background: url(../jt_1.png) no-repeat scroll right center;
	width: 41px;
	height: 100%;
	position: absolute;
	right: 16px;
	top: 0;
	-webkit-transition: 400ms;
	transition: 400ms;
}
.btn-viewMore:hover .i {
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
@keyframes mouse-dot {
 from {
opacity: 0;
}
 33% {
opacity: 1;
}
to {
	transform: translateX(12px);
	-webkit-transform: translateX(12px);
	opacity: 0;
}
}
@-webkit-keyframes mouse-dot {
 from {
opacity: 0;
}
 33% {
opacity: 1;
}
to {
	transform: translateX(12px);
	-webkit-transform: translateX(12px);
	opacity: 0;
}
}
.productIbox dd:hover .btn-viewMore .i {
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
.productIbox dd:hover .img img {
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
}
.productIbox dd:hover .black-20 {
	opacity: 1;
	visibility: visible;
}
.productIbox dd:hover .info {
	transform: none;
	-webkit-transform: none;
}
.productIbox dd:hover .btn-viewMore {
	opacity: 1;
	visibility: visible;
}
.linkList a:link, .linkList a:visited {
	color: #676767;
}
.linkList a:active, .linkList a:hover {
	color: #212121;
}
.linkList {
	padding: 26px 0px;
}
.linkList .item {
	float: left;
	display: block;
	width: 176px;
	padding: 12px;
}
.linkList .img {
	display: block;
	margin: 0px auto;
	max-width: 100%;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.linkList .item .img:hover {
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
}
/*index style end*/
/*about style*/
.pbanner {
	padding: 42px 0px;
	background: url(../yy.png) repeat-x #ededed;
	text-align: center;
	line-height: 1.5;
	position: relative;
	overflow: hidden;
}
.pbanner .en {
	color: #777777;
	font-weight: bold;
	font-size: 40px;
	text-transform: uppercase;
}
.pbanner .zh {
	font-size: 18px;
	color: #8e8e8e;
}
.pbanner .gp1 {
	background: url(../gq1.png) no-repeat;
	width: 161px;
	height: 161px;
	display: block;
	position: absolute;
	left: -1%;
	top: -1%;
	display: block;
	animation: 9s linear 0s alternate none infinite running do-icon-full-animation;
	-webkit-animation: 9s linear 0s alternate none infinite running do-icon-full-animation;
}
.pbanner .gp2 {
	background: url(../gq2.png) no-repeat;
	width: 228px;
	height: 228px;
	display: block;
	position: absolute;
	right: -3%;
	bottom: -3%;
	display: block;
	animation:7s ease 0s alternate none infinite running do-icon-animation;
	-webkit-animation:7s ease 0s alternate none infinite running do-icon-animation;
}
@keyframes do-icon-animation {
 0% {
 -moz-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 -webkit-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 -o-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 -ms-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
}
 100% {
 -moz-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 -webkit-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 -o-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 -ms-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
}
}
@-webkit-keyframes do-icon-animation {
 0% {
 -moz-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 -webkit-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 -o-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 -ms-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
}
 100% {
 -moz-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 -webkit-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 -o-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 -ms-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
}
}
@keyframes do-icon-full-animation {
 0% {
 -moz-transform:matrix(1, 0, 0, 1, 0, 0);
 -webkit-transform:matrix(1, 0, 0, 1, 0, 0);
 -o-transform:matrix(1, 0, 0, 1, 0, 0);
 -ms-transform:matrix(1, 0, 0, 1, 0, 0);
 transform:matrix(1, 0, 0, 1, 0, 0);
}
 100% {
 -moz-transform:matrix(-1, 0, 0, -1, 0, -80);
 -webkit-transform:matrix(-1, 0, 0, -1, 0, -80);
 -o-transform:matrix(-1, 0, 0, -1, 0, -80);
 -ms-transform:matrix(-1, 0, 0, -1, 0, -80);
 transform:matrix(-1, 0, 0, -1, 0, -80);
}
}
@-webkit-keyframes do-icon-full-animation {
 0% {
 -moz-transform:matrix(1, 0, 0, 1, 0, 0);
 -webkit-transform:matrix(1, 0, 0, 1, 0, 0);
 -o-transform:matrix(1, 0, 0, 1, 0, 0);
 -ms-transform:matrix(1, 0, 0, 1, 0, 0);
 transform:matrix(1, 0, 0, 1, 0, 0);
}
 100% {
 -moz-transform:matrix(-1, 0, 0, -1, 0, -80);
 -webkit-transform:matrix(-1, 0, 0, -1, 0, -80);
 -o-transform:matrix(-1, 0, 0, -1, 0, -80);
 -ms-transform:matrix(-1, 0, 0, -1, 0, -80);
 transform:matrix(-1, 0, 0, -1, 0, -80);
}
}
.about-pdl .img, .about-pdl .con {
	float: left;
	display: block;
	width: 50%;
}
.about-pdl .img img {
	vertical-align: middle;
}
.about-pdl-r .img {
	float: right;
}
.about-pdl .item {
	padding: 0px 0px 20px 20px;
}
.about-pdl-r .item {
	padding: 0px 20px 20px 0px;
}
.aboutT {
	font-weight: bold;
	font-size: 30px;
	line-height: 1.5;
	color: #212121;
}
.honor-list {
	margin-top: 0;
}
.honor-list dd {
	padding: 15px 0px;
	transition: 400ms;
	-webkit-transition: 400ms;
	line-height: 1.5;
}
.honor-list .itemT {
	background: url(../honor_t.jpg) no-repeat scroll center bottom;
	background-size: cover;
	color: #fff;
	font-size: 16px;
}
.honor-list .item1, .honor-list .item2, .honor-list .item3 {
	float: left;
	display: block;
	padding-left: 4%;
}
.honor-list .item1 {
	width: 45%;
}
.honor-list .item2 {
	width: 18%;
}
.honor-list .item3 {
	width: 21%;
}
.honor-list .itemC {
	color: #787878;
}
.honor-list .twoItemC {
	background-color: #0062ab12;
}
.honor-list .itemC:hover {
	background-color: #777777;
	color: #fff;
}
.honor-list1{
	float:left;
	width:49%;}
.honor-list2{
	float:right;
	width:49%;}
.fixedImg {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
}
.history-bg {
	background: url(../white_70.png) repeat;
	background:  none rgba(255, 255, 255, 0.7);
}
.history-nav {
	text-align: center;
	padding: 112px 0px 35px;
}
.history-nav li {
	display: inline-block;
	width: 170px;
	padding-left: 70px;
*display: inline;
*zoom: 1;
	background: url(../hi_bot.png) no-repeat scroll 23px center;
	margin-bottom: 30px;
}
.history-nav li.firstItem {
	padding-left: 0;
}
.history-item {
	display:inline-block;
	background:url(../lj.png) no-repeat;
	width: 170px;
	height: 148px;
	position: relative;
	z-index: 1;
	color: #666;
	font-size: 16px;
	line-height: 1.2;
	cursor: pointer;
}
.history-item:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index: -1;
	left:0%;
	top:0%;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	visibility: hidden;
	opacity: 0;
	background: url(../lj2.png) no-repeat scroll center center;
	transition:360ms ease-in-out;
	-webkit-transition:360ms ease-in-out;
}
.history-item.active:before {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.history-item:hover {
	color: #0062ad;
}
.history-item .year {
	padding-top: 30%;
	font-weight: bold;
	font-size: 20px;
	font-family: arial, helvetica, sans-serif;
}
.historyPage a:link, .historyPage a:visited {
	color: #666;
}
.historyPage a:active, .historyPage a:hover {
	color: #0062ad;
}
.historyDemo {
	position: relative;
}
.history-line {
	position: absolute;
	left: 301px;
	width: 3px;
	height: 100%;
	background-color: #bebebe;
	top: 0;
}
.history-list {
	position: relative;
	z-index: 2;
	padding-bottom: 28px;
}
.history-list dt {
	padding-bottom: 52px;
}
.history-list dd {
	padding-bottom: 24px;
	position: relative;
}
.historyDemo .h-year {
	margin-left: 287px;
	padding-left: 60px;
	background: url(../dian_1.png) no-repeat scroll left top;
	font-weight: bold;
	font-size: 30px;
	color: #0062ad;
}
.history-list .img {
	margin: 0px 90px 0px 95px;
	float: left;
	display: block;
	width: 170px;
}
.history-list .img img {
	width: 100%;
	display: block;
}
.history-list .yd {
	background: url(../dian_2.png) no-repeat;
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	left: 296px;
	top: 48px;
}
.history-list .con {
	width: 504px;
	padding: 20px;
	background-color: #fff;
	float: left;
	display: block;
	color: #676767;
	border-radius: 5px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	position: relative;
}
.history-list .con .day {
	font-size: 16px;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
.history-list .con .sj {
	background: url(../sj3.png) no-repeat;
	width: 11px;
	height: 14px;
	display: block;
	position: absolute;
	left: -10px;
	top: 50px;
}
.history-list .con .c {
	min-height: 75px;
}
.teamList dd {
	border: 1px solid #f0f0f0;
	margin-bottom: 32px;
	transition: 300ms;
}
.teamList figure {
	float: left;
	display: block;
	width: 20%;
}
.teamList figure img {
	width: 100%;
	display: block;
}
.teamList .con {
	padding: 30px 4%;
	float: left;
	display: block;
	width: 72%;
	color: #787878;
}
.teamList .t {
	color: #59544d;
	font-size: 16px;
	margin-bottom: 4%;
}
.teamList .name {
	font-size: 24px;
	font-weight: bold;
	padding-right: 5px;
}
.teamList dd:hover {
	box-shadow: 5px 5px 21px -5px rgba(0, 0, 0, 0.2);
}
.innovations-dl {
	width: 80%;
	margin: 0px auto;
}
.innovations-dl dd {
	float: left;
	display: block;
	width: 31.33%;
	padding: 70px 1%;
}
.initem {
	position: relative;
	z-index: 1;
	border-radius: 50%;
	display: block;
	width: 180px;
	height: 180px;
	margin: 0px auto;
	border:2px solid #676767;
	color: #676767;
	line-height: 1.5;
}
.initem .img {
	padding: 30px 0px 0px;
	display: block;
	width: 60px;
	height: 60px;
	margin: 0px auto 8px;
	position: relative;
}
.initem .img .ico {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.initem .img .i2 {
	opacity: 0;
	visibility: hidden;
}
.initem:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index: -1;
	left:0%;
	top:0%;
	background: none #676767;
	border-radius:50%;
	opacity: 0;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	visibility: hidden;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
}
.initem .name {
	display: block;
	text-align: center;
	width: 80%;
	margin: 0px auto;
}
.initem:hover:before {
	opacity: 1;
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	visibility: visible;
}
.initem:hover {
	color: #fff;
}
.initem:hover .img {
	border-bottom-color: #fff;
}
.initem:hover .img .i1 {
	opacity: 0;
	visibility: hidden;
}
.initem:hover .img .i2 {
	opacity: 1;
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
@keyframes gelatine {
 from, to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
 25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
 50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
 75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
from, to {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
 25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
 50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
 75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
}
 @-webkit-keyframes gelatine {
 from, to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
 25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
 50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
 75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
from, to {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
 25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
 50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
 75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
}
.innovations-list dd {
	float: left;
	display: block;
	margin-bottom: 32px;
}
.innovations-list .t {
	background: url(../bian.jpg) repeat;
	background-size:cover;
	color: #fff;
	border: 1px solid #cccccc;
	border-bottom: 0px none;
	padding: 10px 5%;
	font-size: 14px;
	font-weight: bold;
}
.innovations-list .con {
	padding: 30px 5%;
	border: 1px solid #cccccc;
}
.innovations-list1 dd {
	width: 50%;
}
.innovations-list1 dd:nth-child(even) {
position: relative;
left: -1px;
}
.innovations-list1 .con {
	min-height: 252px;
}
.innovations-list2 {
	margin-left: -2%;
}
.innovations-list2 dd {
	width: 31.33%;
	margin-left: 2%;
}
.innovations-list2 .con {
	min-height: 516px;
}
/*about style end*/
/*news style*/
.pbanner2 {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.pbanner2 .load-img {
	width: 100%;
	display: block;
}
.newsList a:link, .newsList a:visited {
	color: #0062ab;
}
.newsList a:active, .newsList a:hover {
	color: #0062ab;
}
.newsList dd {
	position: relative;
	overflow: hidden;
	padding-left: 424px;
	height: 187px;
	color: #4a4a4a;
	padding-bottom: 38px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 45px;
}
.newsList .tiemBox {
	width: 82px;
	background-color: #eae6e2;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	position: absolute;
	left: 0;
	top: 0;
}
.newsList .tiemBox .day {
	font-size: 51px;
	color: #000;
	line-height: 1.5;
}
.newsList .tiemBox .time {
	display: block;
	border-top: 1px solid #fff;
	font-size: 12px;
}
.newsList .img {
	position: absolute;
	left: 100px;
	top: 0;
	width: 294px;
	overflow: hidden;
}
.newsList .img img {
	width: 100%;
	display: block;
	transition: all 0.6s 0s;
	-webkit-transition: all 0.6s 0s;
}
.newsList .black-20 {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s 0s;
	-webkit-transition: all 0.3s 0s;
}
.newsList .con h4 {
	font-weight: bold;
	font-size: 20px;
	line-height:1.5;
}
.newsList .con .c {
	margin: 24px 0px;
	height: 76px;
	overflow: hidden;
	color: #9b9b9b;
}
.newsList dd:hover .more, .newsList dd:hover h4 {
	color: #0062ad;
}
.newsList dd:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.newsList dd:hover .black-20 {
	opacity: 1;
	visibility: visible;
}
/*.paging {
	text-align: center;
}
.paging a:link, .paging a:visited {
	color: #676767;
}
.paging a:active, .paging a:hover {
	color: #fff;
	background-color: #0062ad;
}
.paging a, .paging span {
	display: inline-block;
	margin: 0px 5px;
	border: 1px solid #bdbdbd;
	font-size: 14px;
	width: 52px;
	height: 52px;
	line-height: 52px;
	vertical-align: middle;
}*/
.paging .prev, .paging .next {
	display: inline-block;
}
.paging .prev {
	background: url(../prev.png) no-repeat scroll center center;
}
.paging .next {
	background: url(../next.png) no-repeat scroll center center;
}
/*.paging a.active, .paging span {
	background-color: #009D42;
	border-color: #009D42;
	color:#000!important;
}*/
.infoPage {
	background-color: #f2f2f2;
	position: relative;
	padding: 0px 0px 80px;
	overflow: hidden;
	width: 100%;
}
.infoPage .ys1 {
	background: url(../ys.png) no-repeat;
	background-attachment: fixed;
	width: 405px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.infoPage .ys2 {
	background: url(../ys2.png) no-repeat scroll right bottom;
	background-attachment: fixed;
	width: 448px;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}
.infoPage .inner {
	position: relative;
}
.infoT {
	padding: 34px 0px;
	color: #212121;
}
.infoT .t {
	font-size: 32px;
	line-height: 1.4;
	margin-bottom: 5px;
}
.infoT .time {
	color: #828282;
}
.infoC {
	background-color: #fff;
	padding:70px 64px;
}
.pager {
	color: #212121;
	text-align: center;
	margin-top: 25px;
}
.pager a:link, .pager a:visited {
	color: #212121;
}
.pager a:active, .pager a:hover {
	color: #fff;
}
.pager a {
	height: 58px;
	line-height: 58px;
}
.pager .list {
	background: url(../list.png) no-repeat scroll left center;
	padding-left: 32px;
	margin: 0px auto;
	display: inline-block;
}
.pager .prev, .pager .next {
	border: 1px solid #898989;
	display: block;
	position: relative;
}
.pager .prev {
	padding: 0px 38px 0px 0px;
	width: 138px;
	float: left;
	text-align: right;
}
.pager .next {
	padding: 0px 0px 0px 38px;
	width: 138px;
	float: right;
	text-align: left;
}
.pager .prev i {
	position: absolute;
	top:0;
	height: 100%;
	background: url(../mjt1.png) no-repeat scroll left center;
	width: 31px;
	right: 108px;
	display: block;
	transition: all 0.3s 0s;
	-webkit-transition: all 0.3s 0s;
}
.pager .next i {
	position: absolute;
	top:0;
	height: 100%;
	background: url(../mjt2.png) no-repeat scroll right center;
	width: 31px;
	left: 108px;
	display: block;
	transition: all 0.3s 0s;
	-webkit-transition: all 0.3s 0s;
}
.pager .prev:hover, .pager .next:hover {
	background-color: #0062ad;
	border-color: #0062ad;
}
.pager .prev:hover i {
	background-image: url(../mjt3.png);
	width: 56px;
}
.pager .next:hover i {
	background-image: url(../mjt4.png);
	width: 56px;
}
.pager .list:hover {
	color: #0062ad;
}
.videoList dd {
	width:24%;
	float:left;
	margin-right:1%;
	margin-bottom: 40px;
	position: relative;
}
.videoList dd:nth-child(2n+2) {
}
.videoList dd figure {
	display:block;
	position:relative;
	overflow:hidden;
	line-height:0;
}
.videoList dd figure img {
	display:block;
	width:100%;
	height:auto;
	line-height:1;
	transition:455ms;
}
.videoList dd figure .vico {
	display:block;
	width:57px;
	height:57px;
	background:url(../vico1.png) center no-repeat;
	position:absolute;
	right:0;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
}
.videoList dd article {
	display:block;
	line-height:57px;
	height:57px;
	border-bottom:1px solid #d9d9d9;
	text-align:center;
	color:#666666;
	font-size:16px;
	font-weight:normal;
	position:relative;
	transition:320ms;
}
.videoList dd article:before {
	content:"";
	width:100%;
	height:1px;
	background:#0062ad;
	position:absolute;
	left:0;
	bottom:-1px;
	opacity:0;
	visibility:hidden;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transition:426ms;
	transform-origin:left top;
	-webkit-transform-origin:left top;
}
.videoList dd:hover figure img {
	transform:scale(1.04);
	-webkit-transform:scale(1.04);
	-moz-transform:scale(1.04);
}
.videoList dd:hover article {
	color:#0062ad;
}
.videoList dd:hover article:before {
	opacity:1;
	visibility:visible;
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
}
/*news style end*/
/*prodcut style*/
.pro-info-t {
	font-size: 24px;
	color: #777;
	line-height: 1.4;
	text-align: left;
}
.pro-info-by {
	font-size: 16px;
	color: #8e8e8e;
	text-align: left;
	line-height: 1.8;
}
.pro-info-con .pageC {
	font-size: 16px;
	color: #676767;
}
.pro-img-demo {
	margin-top: 60px;
}
.pro-img-demo dd {
	float: left;
	display: block;
	margin-right: 3px;
}
.pro-img-demo .img {
	display: block;
	width: 100%;
	transition: 600ms;
	-webkit-transition: 600ms;
}
.pro-img-demo .img-item1 {
	width: 352px;
}
.pro-img-demo .img-item2 {
	width: 268px;
}
.pro-img-demo .img-item3 {
	width: 574px;
	margin-right: 0px;
}
.pro-img-demo .img-item3 figure {
	float: left;
	display: block;
}
.pro-img-demo figure {
	margin-bottom: 3px;
	position: relative;
}
.pro-img-demo .pro-kc-item1, .pro-img-demo .pro-kc-item3, .pro-img-demo .pro-kc-item6, .pro-img-demo .pro-kc-item7 {
	margin-bottom: 0px;
}
.pro-kc-item4, .pro-kc-item6 {
	margin-right: 3px;
}
.pro-kc-item4 {
	width: 58%;
}
.pro-kc-item7 {
	width: 57.9%;
}
.pro-kc-item5, .pro-kc-item6 {
	width: 41.4%;
}
.pro-kc-item5 {
	background-color: #ededed;
}
.pro-kc-item5 .txt {
	position: absolute;
	left: 0;
	top: 42%;
	color: #0062ad;
	width: 100%;
	text-align: center;
	font-size: 2em;
	line-height: 1.2;
}
.productPage {
	padding: 35px 0px;
}
.proT {
	font-size: 30px;
	margin-bottom: 15px;
}
.prodcutDemo a:link, .prodcutDemo a:visited {
	color: #676767;
}
.prodcutDemo a:active, .prodcutDemo a:hover {
	color: #0062ad;
}
.prodcutDemo {
	padding-bottom: 10px;
}
.prodcutDemo ul {
	margin-left: -2%;
}
.prodcutDemo .item {
	float: left;
	display: block;
	width: 31.33%;
	margin:0px 0px 2% 2%;
}
.prodcutDemo .img {
	overflow: hidden;
}
.prodcutDemo .img img {
	width: 100%;
	display: block;
	transition: all 0.6s 0s;
	-webkit-transition: all 0.6s 0s;
}
.ppnum {
	border: 1px solid #9f9f9f;
	height: 52px;
	line-height: 52px;
	text-align: center;
	color: #747474;
	font-size: 16px;
	font-family: arial, helvetica, sans-serif;
	position: relative;
}
.ppnum .cnum {
	color: #0062ad;
}
.ppnum .arrow {
	width: 30px;
	z-index: 10;
	height: 100%;
	position: absolute;
	top: 0;
}
.ppnum .arrow i {
	width: 100%;
	height: 100%;
	display: block;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.ppnum .prev {
	left: 17px;
}
.ppnum .next {
	right: 17px;
}
.ppnum .prev i {
	background: url(../mjt1.png) no-repeat scroll left center;
}
.ppnum .next i {
	background: url(../mjt2.png) no-repeat scroll right center;
}
.ppnum .prev:hover i {
	background-image: url(../mjt5.png);
}
.ppnum .next:hover i {
	background-image: url(../mjt6.png);
}
.ppnum .arrow:hover {
	width: 56px;
}
.prodcut-list a:link, .prodcut-list a:visited {
	color: #666;
}
.prodcut-list a:active, .prodcut-list a:hover {
	color: #fff;
}
.prodcut-list {
	margin-bottom: 50px;
}
.prodcut-list dt {
	background: url(../honor_t.jpg) no-repeat scroll left top #f6ad06;
	padding: 10px 4%;
	color: #fff;
	font-size: 24px;
	line-height: 1.2;
}
.prodcut-list dd {
	position: relative;
	overflow: hidden;
	font-size: 15px;
	line-height: 1.5;
	color: #666666;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.prodcut-list .item1, .prodcut-list .item2, .prodcut-list .item3, .prodcut-list .item4, .prodcut-list .item5 {
	float: left;
	display: block;
	padding:15px 0px 15px 4%;
	width: 15%;
}
.prodcut-list .item1 {
	width: 18%;
}
.prodcut-list .item2 {
	width: 19%;
}
.prodcut-list .item5 {
	width: 12%;
}
.prodcut-list .itemC {
	color: #787878;
}
.prodcut-list .twoItemC {
	background-color: #fbeee0;
}
.prodcut-list .itemC:hover {
	background-color: #777777;
	color: #fff;
}
.prodcut-list .more-l {
	background: url(../more_2.png) no-repeat scroll right center;
	padding-right: 15px;
	color: #fff;
}
.prodcut-list .twoItemC .more-l {
	color: #fbeee0;
}
.prodcut-list dd:hover .more-l {
	background-image: url(../more_3.png);
}
.blackBtn {
	position: relative;
	display: inline-block;
	line-height: 50px;
	color: #676767;
}
.blackBtn:before {
	content:"";
	width:100%;
	height:5px;
	background-color:#0062ad;
	position:absolute;
	left:0;
	bottom:-3px;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.blackBtn.active:before {
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform-origin:0;
	-webkit-transform-origin:0;
	visibility:visible\9;
}
.blackBtn:hover {
	color: #0062ad;
}
.pro-i-box a:link, .pro-i-box a:visited {
	color: #676767;
}
.pro-i-box a:active, .pro-i-box a:hover {
	color: #0062ad;
}
.pro-i-box {
	background-color: #f2f2f2;
	padding: 50px 0px;
}
.pro-i-box dd {
	float: left;
	display: block;
	width: 50%;
}
.pro-i-box dl {
	background-color: #fff;
	margin: 0px 45px 0px 86px;
	position: relative;
}
.pro-i-box .plogo {
	position: absolute;
	left:3%;
	width: 25%;
	position: absolute;
	top: 0;
}
.pro-i-box .plogo img {
	width: 100%;
	display: block;
}
.pro-i-box .img {
	margin-left:28%;
	width: 72%;
}
.pro-i-box .img img {
	width: 100%;
	display: block;
}
.pro-i-box .imgbox {
	background-color:#f2f2f2;
	position: relative;
}
.pro-i-box .t {
	background: url(../pro_t.jpg) no-repeat scroll right top #6c6c6c;
	font-size: 24px;
	padding:10px 5%;
	color: #fff;
}
.pro-i-box .con {
	padding: 20px 5%;
	background-color: #fff;
}
.pro-i-box .item {
	border-bottom: 1px solid #cccccc;
	padding: 10px 0px;
}
.pro-i-box .item:last-child {
	border-bottom: 0px none;
}
.serviceLINK {
	position: absolute;
	right: -28px;
	bottom: 5%;
	background-color: #0062ad;
	padding: 10px 74px 10px 12px;
	color: #fff;
}
.serviceLINK .txt {
	color: #fff;
}
.serviceLINK i {
	background: url(../mjt4.png) no-repeat scroll left center;
	width: 56px;
	right: 12px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
}
.serviceLINK:hover {
	background-color: #6C6C6C;
}
.serviceLINK:hover i {
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
@keyframes mouse-dot {
 from {
opacity: 0;
}
 33% {
opacity: 1;
}
to {
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	opacity: 0;
}
}
@-webkit-keyframes mouse-dot {
 from {
opacity: 0;
}
 33% {
opacity: 1;
}
to {
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	opacity: 0;
}
}
.proPage table {
	border-collapse:collapse;
	margin:0 auto!important;
	width:100%!important;
	font-size: 16px;
}
.proPage table tr td {
	border: 1px solid #676767;
	text-align: center;
	padding:15px!important;
	margin: 0px!important;
}
.proPage table th {
	background-color: #6c6c6c!important;
	color: #fff;
	border: 1px solid #676767;
}
.proPage table tr:first-child {
	background-color: #6c6c6c!important;
	color: #fff;
	font-weight: bold;
}
.proPage table tr td:first-child {
	text-align: left;
}
/*prodcut style end*/
/*brand style*/
.concept-tab {
	padding: 38px 0px 18px;
	width: 80%;
	margin: 0px auto;
}
.concept-tab li {
	float: left;
	display: block;
	width: 33.33%;
}
.conceptItem {
	margin: 0px auto;
	width: 100px;
	color: #676767;
	font-size: 16px;
	line-height: 1.5;
	padding-bottom: 30px;
	position: relative;
	text-align: center;
	cursor: pointer;
}
.conceptItem .img {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0px auto 15px;
	position: relative;
}
.conceptItem .img .ico {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.conceptItem .img .i2 {
	opacity: 0;
	visibility: hidden;
}
.conceptItem .i {
	background: url(../sj4.png) no-repeat;
	width: 20px;
	height: 14px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -10px;
	transition: 300ms;
	-webkit-transition: 300ms;
	opacity: 0;
	visibility: hidden;
}
.conceptItem:hover .img .i1, .concept-tab .active .conceptItem .img .i1 {
	opacity: 0;
	visibility: hidden;
}
.conceptItem:hover .img .i2, .concept-tab .active .conceptItem .img .i2 {
	opacity: 1;
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
.conceptItem:hover .i, .concept-tab .active .conceptItem .i {
	opacity: 1;
	visibility: visible;
}
.concept-tab-con {
	background-color: #fff;
	border: 1px solid #e4e4e4;
	position: relative;
	overflow: hidden;
}
.concept-tab-c {
	padding: 38px 5%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	color: #676767;
}
.concept-tab-c h4 {
	font-weight: normal;
	font-size: 25px;
	margin-bottom: 15px;
	color: #383838;
}
.make_transist {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}
.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
	z-index: 1;
}
.oneshwoTab .showscale {
	position: relative;
	display: block;
}
.spirit-T {
	text-align: center;
	color: #383838;
}
.spirit-T .t {
	font-size: 30px;
}
.spirit-T .c {
	font-size: 16px;
}
.spiritList {
	padding-top: 50px;
	margin-left: -1%;
	color: #676767;
}
.spiritList dd {
	float: left;
	display: block;
	width: 32.33%;
	margin-left: 1%;
}
.spiritList article {
	border: 1px solid #eaeaea;
	padding: 38px 30px;
	min-height: 230px;
}
.spiritList article h3 {
	font-weight: normal;
	font-size: 25px;
	margin-bottom: 15px;
	color: #383838;
}
/*brand style end*/
/*responsibility style*/
.responsibility-page {
	position: relative;
	width: 1000px;
	margin: 0px auto;
}
.responsibility-page .line {
	width: 3px;
	height: 100%;
	background-color: #bebebe;
	position: absolute;
	left: 63px;
	top: 0;
}
.responsibility-page dd, .responsibility-page dl {
	position: relative;
}
.responsibility-page .time {
	width: 128px;
	background-color: #787878;
	padding: 25px 0px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 0;
}
.responsibility-page .con {
	margin-left: 206px;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}
.responsibility-page .t {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 15px;
	color: #4a4a4a;
}
.responsibility-page .c {
	color: #a4a4a4;
	margin-bottom: 15px;
}
.responsibility-page .more {
	color: #0062ab;
}
.responsibility-page dd:hover .time {
	background-color: #0062ab;
}
.responsibility-page .con:hover .t {
	color: #0062ad;
}
.responsiblility-img li {
	float: left;
	display: block;
	width: 19%;
	margin:12px 1% 0px 0px;
	overflow: hidden;
}
.responsiblility-img li img {
	width: 100%;
	display: block;
}
.ledmore:link, .ledmore:visited {
	color: #787878;
}
.ledmore:active, .ledmore:hover {
	color: #0062ad;
}
.ledmore {
	display: block;
	position: relative;
	top: -1px;
	text-align: center;
	padding: 5px 0px;
}
.ledmore .txt {
	background: url(../arrow.png) no-repeat scroll right center;
	padding-right: 26px;
}
/*responsibility style end*/
/*phosphorusNutrition style*/
.phos-t {
	font-size: 40px;
	font-weight: bold;
	color: #777777;
}
.phos-by {
	color: #8e8e8e;
	font-size: 18px;
}
.phos-dl {
	text-align: center;
	padding-top: 50px;
}
.phos-dl dd {
	display: inline-block;
	display: inline-block;
*display: inline;
*zoom: 1;
	margin: 0px 25px;
}
.phositem {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0px auto;
	color: #787878;
	font-size: 16px;
	line-height: 1.5;
	background: url(../x1.png) no-repeat;
	background-size: cover;
	width: 180px;
	height: 207px;
}
.phositem .img {
	padding: 30px 0px 0px;
	display: block;
	width: 60px;
	height: 60px;
	margin: 0px auto 8px;
	position: relative;
}
.phositem .img .ico {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.phositem .img .i2 {
	opacity: 0;
	visibility: hidden;
}
.phositem:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index: -1;
	left:0%;
	top:0%;
	background: url(../x2.png) no-repeat;
	background-size: cover;
	opacity: 0;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	visibility: hidden;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
}
.phositem .name {
	display: block;
	text-align: center;
	width: 80%;
	margin: 0px auto;
}
.phositem .sj {
	background: url(../sj4.png) no-repeat scroll center bottom;
	width: 12px;
	height: 9px;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -22px;
	opacity: 0;
	visibility: hidden;
}
.phositem:hover:before, .phositem.active:before {
	opacity: 1;
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	visibility: visible;
}
.phositem:hover, .phositem.active {
	color: #fff;
}
.phositem:hover .img .i1, .phositem.active .img .i1 {
	opacity: 0;
	visibility: hidden;
}
.phositem:hover .img .i2, .phositem.active .img .i2 {
	opacity: 1;
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
.phositem.active .sj {
	opacity: 1;
	visibility: visible;
}
.phos-con {
	width: 80%;
	margin: 0px auto 50px;
}
.phos-cimg {
	margin-left: -1%;
	padding-bottom: 40px;
}
.phos-cimg li {
	float: left;
	display: block;
	width: 32.33%;
	margin:0px 0px 20px 1%;
}
.phos-cimg img {
	width: 100%;
	display: block;
}
.chT {
	font-size: 24px;
	line-height: 1.5;
	color: #000000;
	margin-bottom: 32px;
}
.phos-list {
	border-top: 1px solid #d4d4d4;
}
.phos-list a:link, .phos-list a:visited {
	color: #616060;
}
.phos-list a:active, .phos-list a:hover {
	color: #fff;
}
.phos-list li {
	border-bottom: 1px solid #d4d4d4;
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	font-size: 18px;
}
.phos-list li .more {
	float: right;
	display: block;
	background: url(../more_jt.png) no-repeat scroll right center;
	padding-right: 18px;
	margin-right: 20px;
	color: #fff;
	font-size: 12px;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.phos-list li a {
	display: block;
	position: relative;
	z-index: 1;
	padding-left: 8px;
}
.phos-list li a:before {
	content:"";
	z-index: -1;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #0062ad;
-webkit-transition:-webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
transition:transform .38s cubic-bezier(.4, 0, .2, 1);
transition:transform .38s cubic-bezier(.4, 0, .2, 1), -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
	transform:scaleY(0);
	-webkit-transform:scaleY(0);
	-moz-transform:scaleY(0);
	transform-origin:50% 100% 0;
	-webkit-transform-origin:50% 100% 0;
	visibility:hidden\9;
}
.phos-list li a:hover:before {
	transform:scaleY(1);
	-webkit-transform:scaleY(1);
	-moz-transform:scaleY(1);
	transform-origin:50% 0 0;
	-webkit-transform-origin: 50% 0 0;
	visibility:visible\9;
}
.phos-list li:hover .more {
	background-image: url(../more_jt2.png);
	padding-right: 44px;
}
.bgf2 {
	background-color: #F2F2F2;
}
/*phosphorusNutrition style end*/
/*hr style*/
.humanPage {
	width: 90%;
	margin: 0px auto;
}
.hrlist dd {
	float: left;
	display: block;
	width: 50%;
}
.hrItem {
	position: relative;
	overflow: hidden;
}
.hrItem .whitebg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../white_70.png) repeat;
	background: none rgba(255, 255, 255, 0.7);
	transition: 300ms;
	-webkit-transition: 300ms;
}
.hrItem img {
	width: 100%;
	display: block;
	transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
	-webkit-transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}
.hrItem .con {
	position: absolute;
	left: 0;
	top: 100%;
	padding: 0px 8%;
	width: 84%;
	color: #8e8e8e;
	margin-top: -45px;
transition: top 600ms, marginTop .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: top 600ms, marginTop .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.hrItem .con .t {
	color: #212121;
	font-size: 20px;
	padding-bottom: 20px;
	line-height: 1.4;
	margin-bottom: 20px;
	border-bottom: 1px solid #8e8e8e;
}
.hrItem:hover .whitebg {
	background: url(../white_90.png) repeat;
	background: none rgba(255, 255, 255, 0.9);
}
.hrItem:hover .con {
	top: 10%;
	margin-top: 0;
}
.hrItem:hover .con .t {
	color: #777777;
	border-bottom-color: #777777;
}
.hrItem:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.join-t {
	padding: 32px 0px;
	font-size: 24px;
}
.slider-nav {
	float: left;
	display: block;
	width: 22%;
}
#joinPage {
	padding-bottom: 60px;
}
#joinPage .humanPage {
	background-color: #fff;
	padding: 40px 0px 60px;
}
.joinC {
	float: right;
	display: block;
	width: 67%;
}
.human-T {
	font-size: 20px;
	color: #212121;
}
.slider-nav .human-T {
	margin-left: 32px;
}
.slider-nav-list a:link, .slider-nav-list a:visited {
	color: #616060;
}
.slider-nav-list a:active, .slider-nav-list a:hover {
	color: #fff;
}
.slider-nav-list {
	border-top: 1px solid #dbdbdb;
	margin-top: 10px;
	padding-top: 20px;
}
.slider-nav-list a {
	display: block;
	padding: 8px 0px 8px 10%;
	font-size: 16px;
}
.slider-nav-list a.active, .slider-nav-list a:hover {
	background-color: #0062ad;
	color: #fff;
}
.joinBy {
	margin: 50px 5% 20px 0px;
}
.joinSelect a:link, .joinSelect a:visited {
	color: #676767;
}
.joinSelect a:active, .joinSelect a:hover {
	color: #fff;
}
.joinSelect {
	padding: 20px 0px 30px;
	line-height: 28px;
}
.joinSelect .sebox {
	float: left;
	display: block;
	margin:0px 28px 8px 0px;
}
select.ss {
	width: 170px;
	height: 28px;
	line-height: 28px;
	padding: 0px 0px 0px 15px;
	vertical-align: middle;
	border: 1px solid #dbdbdb;
	background-color: #e5e5e5;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "microsoft yahei";
	color: #646464;
	cursor: pointer;
	display: block;
	font-size: 14px;
	margin:0px 0px 0px 4px;
	background: url(../SICO.png) no-repeat scroll 94% center;
	float: left;
	display: block;
}
.no-csstransitions select.ss {
	padding-left: 0;
	background: none;
}
select.ss option {
	padding: 2px 15px;
}
select.ss:hover {
	color: #212121;
	border-color: #E98205;
}
.chabtn {
	width: 52px;
	height: 28px;
	height: 28px;
	text-align: center;
	float: left;
	display: block;
	background-color: #dbdbdb;
}
.chabtn:hover {
	background-color: #E98205;
}
.joinList {
	font-size: 14px;
	padding: 10px 0px 40px;
	color: #969696;
	border-top: 1px solid #DBDBDB;
	padding-top: 10px;
}
.joinList .joinspan {
	text-align:center;
	cursor:pointer;
	width: 25%;
	display: block;
	float: left;
	height: 60px;
	line-height: 60px;
}
.joinList .joinspan1 {
	text-align: left;
	padding-left: 5%;
	width: 30%;
}
.joinList .joinspan4 {
	width: 15%;
}
.joinList dd {
	margin-bottom: 3px;
	position: relative;
}
.joinList .joindt {
	height: 60px;
	overflow: hidden;
}
.joinList .joinT {
	background-color: #838383;
}
.joinList .joinT .joinspan {
	line-height: 46px;
	height: 46px;
	transition:400ms;
	-ms-transition:400ms;
	-webkit-transition:400ms;
	-moz-transition:400ms;
	color:#fff;
}
.joinList .ib {
	width:21px;
	height:21px;
	margin: 15px auto 0px;
	display: block;
	position:relative;
	transition:400ms;
	-webkit-transition:400ms;
	-moz-transition:400ms;
	-ms-transition:400ms;
}
.joinList .ib i {
	display:block;
	background-color:#fff;
}
.joinList .ib .ic1 {
	width:2px;
	height:21px;
	margin-left:10px;
}
.joinList .ib .ic2 {
	width:21px;
	height:2px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-1px;
}
.joinList .joinB {
	display: none;
}
.joinList .joinCon {
	width: 91%;
	margin: 0px auto;
	padding:30px 0px 22px;
	overflow: hidden;
}
.joinList .joinCon .pageC {
	color: #969696;
}
.hline {
	border-top: 1px solid #eeeeee;
	padding: 22px 0px;
	margin-top: 35px;
}
.hline a:link, .hline a:visited {
	color: #0062ad;
	text-decoration: underline;
}
.hline a:active, .hline a:hover {
	color: #212121;
}
.joinList .active .ib {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
}
.joinList .active .ib .ic2 {
	display: none;
}
.joinList dd.active .joinT, .joinList dd:hover .joinT {
	background-color:#0062ad;
}
/*hr style end*/
/*investor style */
.investorBanner a:link, .investorBanner a:visited {
	color: #fff;
}
.investorBanner a:active, .investorBanner a:hover {
	color: #0062ad;
}
.investorBanner {
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.investorBanner .t {
	font-size: 30px;
	margin-bottom: 10px;
	line-height: 1.2;
}
.investorBanner .t .num {
	font-family: "pf_din_text_comp_proregular";
	padding-left: 10px;
}
.zhangdie {
	font-size: 40px;
	font-family: "pf_din_text_comp_proregular";
	line-height: 1.2;
	margin-bottom: 20px;
}
.zhangdie .ico {
	font-size: 20px;
	background: url(../dd.png) no-repeat scroll right center;
	padding: 0px 26px 0px 18px;
	text-transform: uppercase;
}
.zhangdie .ico.green {
	background: url(../zz.png) no-repeat scroll right center;
}
.investorBanner .list {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 460px;
	padding: 12px 0px;
}
.investorBanner .list li {
	float: left;
	display: block;
	font-size: 14px;
	width: 115px;
}
.investorBanner .c {
	padding: 28px 0px;
}
.filler {
	position: absolute;
	display: block;
	-webkit-transition: 0.3s ease 0s;
	transition: 0.3s 0s;
}
.noticeList {
	margin-left: -2%;
	padding: 20px 0px;
}
.noticeList li {
	float: left;
	display: block;
	width:23%;
	margin: 0px 0px 2% 2%;
}
.noticeList .item {
	background-color: #f6f6f6;
	position: relative;
	display: block;
	padding: 67px 18px 18px;
}
.noticeList .item .time {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #0062ad;
	color: #fff;
	text-align: center;
	width: 67px;
	height: 67px;
	font-family: Arial;
}
.noticeList .item .time .num {
	font-size: 24px;
}
.noticeList .t {
	color: #8e8f8f;
	height: 50px;
	overflow: hidden;
	margin: 25px 0px 36px;
}
.noticeList .item .down-btn {
	color: #8e8f8f;
	background: url(../pdfico.png) no-repeat scroll left center;
	height: 35px;
	display: block;
	padding-left: 40px;
	line-height: 35px;
	width: 60px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.noticeList .filler {
	background-color: #0062ad;
	z-index: 5;
}
.noticeList .filler-left {
	width: 1px;
	height: 0%;
	left: 0%;
	top: 0%;
}
.noticeList .filler-right {
	width: 1px;
	height: 0%;
	right: 0%;
	bottom: 0%;
}
.noticeList .filler-top {
	width: 0%;
	height: 1px;
	right: 0%;
	top: 0%;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
.noticeList .filler-bottom {
	width: 0%;
	height: 1px;
	left: 0%;
	bottom: 0%;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
.noticeList .item:hover .filler-left {
	height: 100%;
}
.noticeList .item:hover .filler-right {
	height: 100%;
}
.noticeList .item:hover .filler-top {
	width: 100%;
}
.noticeList .item:hover .filler-bottom {
	width: 100%;
}
.noticeList .item:hover .down-btn {
	background-image: url(../pdfico2.png);
	color: #0062ad;
}
#noticePage {
	padding: 20px 0px 60px;
}
.allMore:link, .allMore:visited {
	color: #676767;
}
.allMore:active, .allMore:hover {
	color: #fff;
}
.allMore {
	display: block;
	width: 170px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	margin: 0px auto;
	border: 1px solid #676767;
	position: relative;
	z-index: 1;
}
.allMore:before {
	content:"";
	width:100%;
	height:100%;
	background-color:#0062ad;
	position:absolute;
	left:0;
	z-index: -1;
	bottom:0px;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.allMore:hover:before {
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform-origin:0;
	-webkit-transform-origin:0;
	visibility:visible\9;
}
.allMore:hover {
	border-color: #0062ad;
}
#presentationPage {
	padding-bottom: 60px;
}
.presentationPage {
	padding: 40px 0px 0px;
}
.presentationList a:link, .presentationList a:visited {
	color: #676767;
}
.presentationList a:active, .presentationList a:hover {
	color: #0062ad;
}
.presentationList {
	padding-bottom: 40px;
}
.presentationList dd {
	position: relative;
	background-color: #fff;
	overflow: hidden;
	color: #676767;
	margin-bottom: 12px;
}
.presentationList .item {
	padding: 15px 15% 40px 28px;
	border: 1px solid #bebebe;
}
.presentationList .time {
	background: url(../time_ico.png) no-repeat scroll left center;
	padding-left: 22px;
	color: #999999;
}
.presentationList .t {
	font-size: 20px;
	font-weight: bold;
	margin: 14px 0px;
	line-height: 1.5;
}
.presentationList .pdf {
	background: url(../pdf2.png) no-repeat;
	width: 38px;
	height: 53px;
	position: absolute;
	right: 5%;
	top: 50%;
	margin-top: -26px;
}
.presentationList .filler {
	background-color: #0062ad;
	z-index: 5;
}
.presentationList .filler-left {
	width: 1px;
	height: 0%;
	left: 0%;
	top: 0%;
}
.presentationList .filler-right {
	width: 1px;
	height: 0%;
	right: 0%;
	bottom: 0%;
}
.presentationList .filler-top {
	width: 0%;
	height: 1px;
	right: 0%;
	top: 0%;
	-webkit-transition: 0.8s ease 0.3s;
	transition: 0.8s ease 0.3s;
}
.presentationList .filler-bottom {
	width: 0%;
	height: 1px;
	left: 0%;
	bottom: 0%;
	-webkit-transition: 0.8s ease 0.3s;
	transition: 0.8s ease 0.3s;
}
.presentationList dd:hover .filler-left {
	height: 100%;
}
.presentationList dd:hover .filler-right {
	height: 100%;
}
.presentationList dd:hover .filler-top {
	width: 100%;
}
.presentationList dd:hover .filler-bottom {
	width: 100%;
}
.presentationList dd:hover .pdf {
	background-image: url(../pdf1.png);
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
/*investor style  end*/
/*contact style*/
.mapBox {
	height: 400px;
}
.contactPage {
	position: relative;
	overflow: hidden;
}
.contactPage .bgf2 {
	position: absolute;
	left: 50%;
	top: 0;
	width: 50%;
	height: 100%;
}
.contactPage .inner {
	position: relative;
	z-index: 2;
}
.contactList dd {
	float: left;
	display: block;
	width: 50%;
}
.contactList .t {
	padding: 40px 0px 8px;
	font-size: 24px;
	color: #000000;
}
.con-left-box .c {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 22px 10px 45px 0px;
	font-size: 16px;
	color: #676767;
}
.con-left-box .c-i {
	padding-left: 30px;
	background-position: left 6px;
	background-repeat: no-repeat;
	margin-bottom:8px;
}
.con-left-box .c-i1 {
	background-image: url(../c_i1.png);
}
.con-left-box .c-i2 {
	background-image: url(../c_i2.png);
}
.con-left-box .c-i3 {
	background-image: url(../c_i3.png);
}
.con-left-box .c-i4 {
	background-image: url(../c_i4.png);
}
.addressList li {
	float: left;
	display: block;
	width: 45%;
	padding:48px 5% 48px 0px;
}
.addressList .item2 {
	border-left: 1px solid #cccccc;
	width: 41%;
	padding-left: 5%;
	padding-right: 3%;
}
.addressList .add {
	font-size: 18px;
	line-height: 1.5;
	color: #414141;
	margin-bottom: 10px;
}
.con-right-box .t {
	padding-left: 8%;
}
.formbox {
	margin-left: 8%;
}
.formbox p {
	padding-bottom:10px;
}
.formbox .ctxt {
	color: #212121;
	padding: 12px 3%;
	height: 25px;
	line-height: 25px;
	width: 93%;
	font-size: 14px;
	font-family: "microsoft yahei";
	border: 1px solid #c9c9c9;
	background-color: #F2F2F2;
}
.formbox .ctxt3 {
	height: 65px;
	resize: none;
}
.contactPage a.moreMess {
	color: #fff;
}
.moreMess {
	padding: 12px 3%;
	height: 25px;
	line-height: 25px;
	width: 93.5%;
	font-size: 14px;
	color: #fff;
	background-color: #0062ad;
	display: block;
	position: relative;
	z-index: 1;
}
.moreMess .ico {
	background: url(../mjt4.png) no-repeat scroll left center;
	height: 100%;
	position: absolute;
	top: 0;
	width: 56px;
	right: 2%;
}
.moreMess:before {
	content:"";
	width:100%;
	height:100%;
	background-color:#009e42;
	position:absolute;
	left:0;
	z-index: -1;
	bottom:0px;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .5s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .5s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.formbox input[type="text"]:focus, .formbox textarea:focus {
	border-color: #0062ad;
	color: #0062ad;
}
/*contact style end*/
.phosinfo-page {
	overflow: hidden;
	width: 920px;
}
.phosinfo-page table {
	width: 100% !important;
}
.pages {
	padding:25px 0;
	text-align: center;
}
.pages * {
	margin: 0 2px;
}
.pages a {
	border: 1px solid #bfbfbf;
	color:#646464;
	padding: 2px 5px;
}
.pages a:hover {
	color:#f00;
	border: 1px solid #F00;
}
.pages span {
	padding: 2px 5px;
}
.pages span.nolink {
	color:#ccc;
	border: 1px solid #CCCCCC;
}
/*

.productIbox2 *{
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;}
.productIbox2 dd{
	float:left;
	width:50%;
	overflow:hidden;
	position:relative;}
.productIbox2 dd .img{
	float:left;
	overflow:hidden;
	width:70%;
	position:relative;}
.productIbox2 dd .img img{
	position:absolute;
	width:100%;
	left:0;
	top:0;}
.productIbox2 dd .img:before{
	content:"";
	display:block;
	width:100%;
	padding-bottom:60%;}
.productIbox2 dd .con{
	width:30%;
	position:absolute;
	right:0;
	top:50%;
	transform: translate(0,-50%);
	text-align:center;}
.productIbox2 .arrow {
	background: url(../sj3.png) no-repeat scroll center center;
	width: 11px;
	height: 14px;
	position: absolute;
	left:-11px;
	top:50%;
	margin-top: -7px;}
.productIbox2 dd.twoItem .img{
	float:right;}
.productIbox2 dd.twoItem .con{
	right:70%;}
.productIbox2 dd.twoItem .arrow{
	background: url(../sj5.png) no-repeat scroll center center;
	left:100%;}
.productIbox2 dd .con .t{
	font-size: 24px;
	margin-bottom: 18px;}
.productIbox2 dd .con .c{
	width: 60%;
	text-align: justify;
	margin-left: 20%;
	margin-bottom:20px;}


.productIbox2 dd .btn-viewMore{
	opacity: 0;}
.productIbox2 dd:hover .btn-viewMore .i {
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
.productIbox2 dd:hover .con{
	top:45%}
.productIbox2 dd:hover .img img {
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
}
.productIbox2 dd:hover .black-20 {
	opacity: 1;
	visibility: visible;
}
.productIbox2 dd:hover .info {
	transform: none;
	-webkit-transform: none;
}
.productIbox2 dd:hover .btn-viewMore {
	opacity: 1;
	visibility: visible;
}*/

.productIbox2 dl{
	width:96%;
	margin:30px auto 0;}
.productIbox2 dl dd{
	float:left;
	width:25%;
	box-sizing: border-box;
	position:relative;
	padding:0 1% 30px 1%;}
.productIbox2 dl dd img{
	transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
	-webkit-transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
	width:100%;}
.productIbox2 dd .con{
	text-align:center;
transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);}
.productIbox2 dd .con .t{
	font-size: 24px;
	margin-bottom: 18px;}
.productIbox2 dd .con .c{
	width:80%;
	margin:0 auto;}
.productIbox2 dd .btn-viewMore{
	margin-top:15px;
	opacity: 0;}
	
.productIbox2 .info {
	transform:none;
	-webkit-transform:none;
transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.productIbox2 dd:hover .btn-viewMore .i {
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
.productIbox2 dd:hover .img img {
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
}
.productIbox2 dd:hover .black-20 {
	opacity: 1;
	visibility: visible;
}
.productIbox2 dd:hover .info {
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
}
.productIbox2 dd:hover .btn-viewMore {
	opacity: 1;
	visibility: visible;
}

/*在线留言*/
td.text{ width:20%; padding:6px 5px 6px 0px; text-align:right; font-size:14px; font-weight:bold;}
td.input{ padding:6px 8px;}
td.input input{ margin-right:8px;}
td.input .info{ padding-left:15px; color:#f00;}
td.input img{ position:relative; bottom:1px;}
td.submint{ padding:10px;}
input.input-text,input.input-file,input.code,textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background:#fff url(../dt-10.gif) repeat-x left top; }
.button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover { text-decoration: none; color:#fff; }
.button:active { position: relative; top: 1px;}
.mesbut{ color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top,  #faa51a,  #f47a20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
.mesbut:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top,  #f88e11,  #f06015); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }
.mesbut:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top,  #f47a20,  #faa51a); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}

.apage { text-align:center;line-height:28px; margin: 10px 0 20px; }
.apage a { display:inline-block; text-align:center; margin:0 2px; color:#bbb; font-size:12px; width:48px; height:25px; border:1px solid #bbb; }
.apage .num_btns { float:right; font-family:Tahoma; }
.apage a:hover, .apage .cur { border:1px solid #cf2929 !important; background-color:#cf2929; color:#fff; text-decoration:none; }
.apage .cust_txt { display:none; float:left; }
.apage .oran_pg_fp { padding:0 5px; }
.apage .oran_pg_pp { width:65px; height:25px; text-align:center; font-size:12px; }
.apage .oran_pg_np { width:65px; height:25px; text-align:center; font-size:12px; }
.apage .oran_pg_lp { padding:0 5px; }
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px; }
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }